<template>
  <div class="home-textiles">
    <transition>
    <component :is="$store.state.showPage"></component>
    </transition>
  </div>
</template>

<script>
import ShoppingCart from '../home/shoppingcart'
import TextIlesList from './textilesList/textilesList'
export default {
  name: 'hometextiles',
  components: {
    ShoppingCart,
    TextIlesList
  }
}
</script>

<style scoped lang="scss">
  .v-enter{
    transform: translateX(-100px);
  }
  .v-leave-to{
    transform: translateX(100px);
    opacity: 0;
    position: absolute;
  }
  .v-enter-active,
  .v-leave-active{
    transition: all 0.5s ease;
  }
.home-textiles {
  width: 1315px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 17px;
}
</style>
